// ReactDOM.render(
// 	<h1>Hello, world!</h1>,
// 	document.getElementById('example')
// );

// var ZGButton = React.createClass({

// 	render: function() {
// 		return (
// 			<button>ZG{this.props.name}</button>
// 		);
// 	}

// });

// var i = 2;
// ReactDOM.render(
// 	// <ZGButton name='Button1'></ZGButton>,
// 	<div>
// 	    <h1>
// 	    	{i==1?'true':'False'}
// 	    </h1>
// 	</div>,
// 	document.getElementById('example')
// );

// var myStyle = {
// 	fontSize: 100,
// 	color: '#FF0000'
// };

// ReactDOM.render(
// 	<div>
// 	  <h1 style={myStyle}>入门无忧网</h1>
// 		    {/*注释...*/}

// 	</div>,
// 	document.getElementById('example')


// );

// var myDivElement = <div>111111</div>;

// ReactDOM.render(
// 	myDivElement,
// 	document.getElementById('example')
// );

var HelloMessage = React.createClass({
	render: function() {
		return <h1>hello world ! {this.props.name}</h1>;
	}
});

ReactDOM.render(
	<HelloMessage name='fjq'/>,
	document.getElementById('example')
);